#{extends 'layout.html' /}
#{set title:messages.get('plan.creacion2') /}

<div id="crudBlank" class="${type.name}">
	
	<h2 id="crudBlankTitle">${title}</h2>
	
	<div id="crudList" class="${type.name}">
		
		#{if templatesPlan.size <= 0}
			<div class="crudFlash flashError">
				&{'plan.sinTemplates'}
			</div>
		#{/if}
	
		#{if templatesPlan.size > 0}
			<div id="crudListTable">

				<table border="1">
					<tr style="background-color: #000000;">
						<th>Nombre</th>
						<th>Tipo de Plan</th>
						<th>Calorias</th>
						<th>Autor</th>
					</tr>
	
					#{list items:templatesPlan, as:'templatePlan' }
						<tr>
							<td>
								<a href="@{Plans.newPlan3(usuarioId, caloriasDiarias, templatePlan.id)}" style="width: 100px; height: 100px;">
									${templatePlan.nombre}
								</a>
							</td>
							<td>${templatePlan.tipo}</td>
							<td>${templatePlan.caloriasDiarias}</td>
							<td>${templatePlan.autor?.nombre}</td>
						</tr>
					#{/list}
				</table> 
			</div>
		#{/if}
	
	</div>

    <br>
	<a href="@{Plans.newPlanManual(usuarioId, caloriasDiarias)}">
		Creacion Manual
	</a>
	
	
</div>